<%@page import="album.AlbumVo"%>
<%@page import="java.util.Vector"%>
<%@page import="album.Album"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="../css/Album1.css"/>
<script src="../js/modernizr-1.5.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<link rel="stylesheet" href="../css/jquery.fancybox.css">
<link rel="stylesheet" href="../css/jquery.fancybox-thumb.css">
<script type="text/javascript" src="../js/jquery.fancybox.js?=2.1.5"></script>
<script type="text/javascript">
		$(function() {
			$(".fancybox").fancybox();
		});
	</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="../js/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="../img/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" href="../img/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="../img/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="../img/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<link rel="stylesheet" href="../img/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript "src="../img/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".fancybox-thumb").fancybox({
			prevEffect:'fade',
			nextEffect:'fade',
			helpers:{
				tile:{type:'inside'},
				thumbs:{width:50, height:50}
			}
		});
	});
</script>
</head>
<body>
<jsp:useBean id="albumVo" class="album.AlbumVo"/>
<jsp:setProperty property="*" name="albumVo"/>
<%
//------사진 content--------

String inc_right = null;
String temp = null;

temp = request.getParameter("inc_right");
if(temp == null && temp == ""){
	inc_right = (String)session.getAttribute("inc_right");
}else{
	session.setAttribute("inc_right", temp);
	inc_right = temp;
}
if(inc_right == null) inc_right = "../album/Album_list.jsp";

Album album = new Album();
album.setVo(albumVo);
Vector<AlbumVo> v = album.list();
String url = "../images/";

%>
	<div id="center">
		<ul class="window8">
			<div class="col1 clearfix">
				<li class="tile tile-big tile-1 slideTextUp">
					<div><p>Ka-Duck-Hyun</p></div>
					<div>
						<p><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/IMG_2501.JPG" data-fancybox-group="gallery" title="Ka-Duck-Hyun"><img src="../images/IMG_2501.JPG"></a></p>
					</div>
				</li>
				<li class="tile tile-small tile tile-2 slideTextRight">
					<div><p><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/IMG_20140701_174553.jpg" data-fancybox-group="gallery" title="JE-SUNG"><img src="../images/IMG_20140701_174553.jpg"></a></p></div>
					<div><p>Hong-Je-Sung</p></div>
				</li>
				<li class="tile tile-small last tile-3 slideTextLeft">
					<div><p><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/IMG_20140701_174315.jpg"><img src="../images/IMG_20140701_174315.jpg"></a></p></div>
					<div><p><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/IMG_20140701_174315.jpg" data-fancybox-group="gallery" title="JE-SUNG">Hong-Je-Sung</a></p></div>
					
				</li>
				<li class="tile tile-big tile-4 fig-tile slideTextUp2">
					<figure>
						<div><p><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/p_20121203_125209916.jpg" data-fancybox-group="gallery" title="HE-AYEON"><img src="../images/p_20121203_125209916.jpg"></a></p></div>
						<figcaption class="tile-caption caption-left">Cho-He-Ayeon</figcaption>
					</figure>
				</li>
			</div>
		<div class="col2 clearfix">
        	<li class="tile tile-big tile-5 slideTextDown">
        		<div><p><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/300866_102442549868746_811324597_n.jpg" data-fancybox-group="gallery" title="INJI">Jang-In-Ji</a></p></div>
          		<div><p><img src="../images/300866_102442549868746_811324597_n.jpg"></p></div>
        	</li>
        	<li class="tile tile-big tile-6 slideTextLeft">
          		<div>
          			<p>Lee-Kang-Guk</p>
          		</div>
          		<div>
          			<p><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/20120806221212.jpg" data-fancybox-group="gallery" title="LEE-KANG-GUK"><img src="../images/20120806221212.jpg"></a></p>
          		</div>
        	</li>
        	<li class="tile tile-small tile-7 rotate3d rotate3dX">
          		<div class="faces">
            		<div class="fronted"></div>
            		<div class="backed" id='back'><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/img18_b.jpg" data-fancybox-group="gallery" title="img18_b.jpg"><img src="../images/img18_b.jpg" ></a></div>
          		</div>
        	</li>
       	 	<li class="tile tile-small last tile-8 rotate3d rotate3dY">
          		<div class="faces">
            		<div class="fronted"></div>
            		<div class="backed" id='back'><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/img19_b.jpg" data-fancybox-group="gallery" title="img19_b.jpg"><img src="../images/img19_b.jpg" ></a></div>
            		<%for(int i=0; i<v.size(); i++){
            			AlbumVo av = v.get(i);
            		%>
            		<p><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/<%=av.getFilename()%>" data-fancybox-group="gallery" title="<%=av.getFilename()%>"></a></p>
            		<%} %>
          		</div>
        	</li>
      	</div>
		</ul>
	</div>
	<div class="col3 clearfix">
      		<jsp:include page="<%=inc_right%>"/>
      		
      		<!-- <li class="tile tile-2xbig tile-9 fig-tile slideTextDown2">
      			<figure>
      				<a class="fancybox-thumb" href="../images/summer.jpg" data-fancybox-group="gallery" title="Night_img"><img src="../images/summer.jpg"></a>
      				<div><p><figcaption class="tile-caption caption-bottom fancybox-thumb" href="../images/summer.jpg" data-fancybox-group="gallery" title="Night_img">9번째 이미지</figcaption></p></div>
      				
      				<a class="fancybox-thumb" rel="fancybox-thumb" href="../images/summer.jpg" data-fancybox-group="gallery" title="Night_img"><img src="../images/summer.jpg" width=100% height=100%></a>
      				<div><p><figcaption class="tile-caption caption-bottom fancybox" href="../images/summer.jpg">9번째 이미지</figcaption></p></div>
      			</figure>
      		</li>
      		<li class="tile tile-big tile-10">
      			<div><p>10번쨰</p></div>
      			<div>
          			<p><a class="fancybox-thumb" rel="fancybox-thumb" href="../images/mark.png" data-fancybox-group="gallery" title="Ten_img"><img src="../images/mark.png"></a></p>
          		</div>
      		</li> -->
      	</div>
<script>init();</script>
</body>
</html>